import myMessage from '@/components/myMessage.vue'
import Vue from 'vue'
function message (options) {
  // 1: 获取myMessage.vue构造函数
  // a:导入组件 b:Vue.extend(导入的组件)
  // 2: 构造函数实例化
  // 3：构造函数返回值.$mount()会生成$el
  // 4：构造函数实例化生成的实例化对象内的$el添加到body
  // 5：传值到message组件
  // a：调用组件对应方法时传值进来，该方法接受，b：通过改组件的实例化对象修改组件内的data属性
  // const MessageFn = Vue.extend(myMessage)
  // const messageObj = new MessageFn().$mount()
  // document.body.appendChild(messageObj.$el)
  // messageObj.message = options.message
  // messageObj.type = options.type
  // messageObj.showMessage()
  fn(options)
}
message.success = function (options) {
  // const MessageFn = Vue.extend(myMessage)
  // const messageObj = new MessageFn().$mount()
  // document.body.appendChild(messageObj.$el)
  // messageObj.message = options
  // messageObj.type = 'success'
  // messageObj.showMessage()
  options.type = 'success'
  fn(options)
}
function fn (options) {
  const MessageFn = Vue.extend(myMessage)
  const messageObj = new MessageFn().$mount()
  document.body.appendChild(messageObj.$el)
  messageObj.message = options.message
  messageObj.type = options.type
  messageObj.duration = options.duration || 3000
  messageObj.showMessage()
}
export default message
